<!doctype html>
<html lang="zh">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
    <!-- 引入动画库 -->
    <link href="https://cdn.bootcss.com/animate.css/3.7.2/animate.min.css" rel="stylesheet">
    <!-- 引入矢量图标 -->
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- 引入自定义样式表 -->
    <link rel="stylesheet" href="index.css">

    <title>JWZ.MEDIUM</title>
</head>

<body>
    <header>
        <nav class="navbar navbar-expand-lg navbar-light shadow-sm">
            <div class="container">
                <a class="navbar-brand" href="#">
                    <img src="./images/logo.png" alt="">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="#">首页<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">关于JWZ</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                JWZ作品
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="#">疫情下人间</a>
                                <a class="dropdown-item" href="#">一些角落</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">天差地别</a>
                            </div>
                        <li class="nav-item">
                            <a class="nav-link" href="#">服务</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">联系</a>
                        </li>
                        </li>

                    </ul>

                    <button class="btn btn-outline-danger my-2 my-sm-0 animated infinite pulse"
                        type="submit">加入我们</button>

                </div>
            </div>
        </nav>
    </header>
    <main>
        <section id="carousel" class="mb-5">
            <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>

                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="./images/jingfan.JPG" class="d-block w-100" alt="...">
                        <div class="carousel-caption  d-md-block">
                            <h3>梦与纪律并不冲突</h3>
                            <p>Dreams and discipline do not conflict</p>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="./images/lantian.JPG" class="d-block w-100" alt="...">
                        <div class="carousel-caption d-md-block">
                            <h3>梦与纪律并不冲突</h3>
                            <p>Dreams and discipline do not conflict.</p>
                        </div>
                    </div>
                     
                </div>
                <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </section>
        <section>
            <div class="center-block">
                <h1> About JWZ  关于JWZ</h1>
                <p>
                    jwz.media是一家年轻的传媒工作室，成立于西北白虎山下。
                </p>
                <p>第十七届半夏的纪念北京国际大学生影像展征片工作已经开始了，今年我们依旧延续了“片库”这一超级快捷方便的报名渠道哦，去年它圆满帮助我们完成了千余部青年作品的征收工作，这背后有什么秘密呢？就让小夏带你一起走进半夏背后的“那个人”——半夏传媒。





                    它是谁？
                    
                    
                    
                    半夏传媒是从半夏的纪念北京国际大学生影像展衍生出的公益性青年影像服务平台，现由中国传媒大学的小伙伴们运营，旨在继承、整合和拓展半夏的平台与资源。2017年11月，半夏传媒加入中国传媒大学青年影像创作与国际传播平台，希望为帮助中国青年影像的创作与国际传播付出更多切实的努力。
                    
                    
                    青年影像创作与国际传播平台由中国传媒大学发起，旨在共同扶持优秀的中国青年影像者，并把优秀中国作品推向世界。
                    
                    
                    它能做什么？
                    
                    
                    
                    
                    01
                    
                    
                     帮助影像创作者打通优质电影节投片渠道
                    
                    
                    
                    电影节数量太多不知哪一个才值得参加？
                    
                    半夏传媒帮你筛选最优质、最有参与价值的电影节展。
                    
                    手里有作品却不知如何投片参展?
                    
                    
                    
                    关注“半夏传媒”公众号
                    
                    上传作品进入片库
                    
                    每周二、周五获得专属编号
                    
                    使用编号一键自主报名各大电影节
                    
                    
                    
                    没有额外费用，没有语言障碍，没有递片困扰。
                    
                    一次上传，无限投片。
                    
                    下一个站上领奖台的人也许就是你～
                    
                     
                    
                    02
                    
                    
                    
                    帮助国内外电影节征片
                    
                    
                    
                    依托半夏的良好资源，我们拥有质量精良半夏片库，
                    
                    所有入库的导演都和半小夏有着紧密的联系。
                    
                    如果你是国内电影节征片无路？
                    
                    又或是国外电影节找不到中国市场？
                    
                    半夏传媒为你打开一个大门，
                    
                    成为你们的宣传、征片渠道。
                    
                     
                    
                    03
                    
                    
                    
                    电影节完全策划与执行
                    
                    
                    
                    出生于半夏，半夏传媒有丰富的
                    
                    电影节策划、影节活动执行经验。
                    
                    因此，电影节活动的全程策划与执行，
                    
                    也是我们得心应手的，可以为您提供的服务哦。
                    
                     
                    
                    04
                    
                    
                    
                    国际电影节交流与体验
                    
                    
                    
                    半夏传媒可以指导你如何参加国际电影节，
                    
                    还能够带领大家前往国际电影节会场进行深度体验。
                    
                    参与我们的交流体验活动，
                    
                    就可以和国际知名导演、选片人进行面对面的交流，
                    
                    甚至让他们帮你审片，给你提出宝贵意见。
                    
                    是不可多得的全方位深度参与电影节的体验。
                    
                    </p>

            </div>
        </section>
    </main>
    <footer>
        <section class="container-fluid contact p-5">
            <div class="row">
                <div class="col-lg-4 text-center">
                    <h3 class="mb-4">扫码关注</h3>
                    <img src="P1019552.JPG" alt="">
                </div>
                <div class="col-lg-4">
                    <h3 class="mb-4">
                        联系方式
                    </h3>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-map-marker" aria-hidden="true"></i>云南省丽江市古城区光义街道9号</li>
                        <li><i class="fa fa-map-marker" aria-hidden="true"></i>云南省丽江市古城区光义街道9号</li>
                        
                    </ul>
                </div>
                <div class="col-lg-4">
                    <h3 class="mb-4">
                        友情链接
                    </h3>
                    <ul class="list-unstyled column">
                        <li><i class="fa fa-map-marker" aria-hidden="true"></i>jwz工作室</li>
                        <li><i class="fa fa-map-marker" aria-hidden="true"></i>feture摄影</li>
                        <li><i class="fa fa-map-marker" aria-hidden="true"></i></li>
                        <li><i class="fa fa-map-marker" aria-hidden="true"></i></li>
                        
                    </ul>
                </div>
            </div>

        </section>
        <section class="container-fluid copyright">
            <p class="text-center">© Copyright 2020 - <a href="#">jwz工作室</a> - All Rights Reserved</p>
        </section>
    </footer>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>

</html>